/* Basic Elements */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	outline: 0;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
body {
	overflow: hidden;
	font-family: 'Sylfaen';
	font-size: 14px;	
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/* Wrapper */
div#wrapper {
	margin: 0 auto;
	width: 520px;
}
/* Header */
div#header {
	background: url('../images/header.png') no-repeat;
	position: relative;
}
/* Logo */
div#logo {
	position: absolute;
}
div#logo a {
	display: block;
	text-indent: -9999px;
}
/* Content Radius */
div.content-radius {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	behavior: url('./js/css3/PIE.htc');
}
/* Content Inner */
div.inner {
	padding: 15px;
	text-align: justify
}
div.line {
	background: #e9e8e8;
	height: 1px;
	line-height: 1px;
}
/* Like */
div#like {
	background: url('../images/like-bg.png') no-repeat;
	height: 700px;
}
div#like h1 {
	text-indent: -9999px;
}

div.like-button {
	float:right;
	text-align:right;
	width:155px;
}

/* Share Button */
a.share-btn {
	background:url('../images/share-btn.png') no-repeat;
	display:block;
	height:18px;
	width:60px;
	text-indent:-9999px;
	float:left;
	font-size:0;
	line-height:0;
	margin-top:1px;
	margin-right:5px;
}

/* Content */
div#content {
	background:url('../images/content-bg.png') repeat-x;	
}

div#content h2 {
	font-size:15px;
	margin-bottom:10px;
}

/* Categories List */
div#categories-list {
	height:620px;
	overflow:hidden;
}

/* Categories on Home Page */
div#home-categories-container { background:url('../images/home-categories-bg.png') bottom center no-repeat;	padding-bottom:40px; }
div#home-categories div.item-block, div#products-list div.item-block {
	margin-right:11px;
}

div#home-slider-arrows {
	float:right;
	width:45px;
}

div#home-slider-arrows a {
	background:url('../images/slider-arrows.png') no-repeat;
	display:inline-block;
	height:19px;
	width:20px;
	text-indent:-9999px;
}

div#home-slider-arrows a#prev-btn { background-position:0 0; }
div#home-slider-arrows a#prev-btn:hover { background-position:0 -19px; }
div#home-slider-arrows a#next-btn { background-position:-20px 0; }
div#home-slider-arrows a#next-btn:hover { background-position:-20px -19px; }

div#home-categories-container div.anythingSlider {
	height:420px !important;
}

div.item-block {
	width:155px;
	height:210px;
	float:left;
	margin-right:6px;
	position: relative;
}

div.last-block { margin-right:0 !important; }

div.item-thumb {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	overflow:hidden;
	height:155px;
	width:155px;
	position: absolute;
	top:0;
	left:0;
}

div.item-thumb img {
	display:block;
}

div.item-preview {
	position: relative;
	z-index: 2;
}

div.item-preview a {
	display:block;
	height:155px;
	width:155px;
	text-indent:-9999px;
}

div.item-preview a {
	background:url('../images/pix.png');
}

div.item-preview a:hover {
	background:url('../images/image-thumb-preview.png') no-repeat;
}

div.item-category {
	padding:5px;
	line-height:20px;
}

div.item-category a, div.item-category a {
	text-decoration:none;
	color:#3f3f3f;
}

div.item-category a:hover {
	text-decoration:underline;
}

/* Choose Category */
div#choose-category {
	float:right;
	position: relative;
	z-index: 3;
	width:50%;
}

div#choose-category > a {
	background:url('../images/choose-category-left-bg.png') no-repeat;
	color:#818181;
	display:block;
	height:28px;
	line-height:28px;
	text-decoration:none;
	float:right;
}

div#choose-category > a > span {
	background:url('../images/choose-category-right-bg.png') top right no-repeat;
	display:block;
	padding-left:30px;
	padding-right:35px;
}

div#choose-category > a:hover { background-position:0 -28px;}
div#choose-category > a:hover > span { background-position:bottom right; }

div#choose-category-list {
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-bottom:0;
	position: absolute;
	top: 35px;
	right: 0;
	overflow: hidden;
	display:none;
}

div#choose-category-list ul li {
	list-style: none;
}

div#choose-category-list ul li a {
	background:#fff url('../images/choose-category-arrow.png') 10px 0 no-repeat;
	border-bottom:1px solid #e4e4e4;
	display:block;
	color:#6b6b6b;
	height:32px;
	line-height:32px;
	text-decoration:none;
	padding:0 10px 0 25px;
}

div#choose-category-list ul li a:hover, div#choose-category-list ul li.active a  {
	background:#f9f9f9 url('../images/choose-category-arrow.png') 10px -32px no-repeat;;
	color:#454545;
}

/* Display All Categories Button */
a#display-all-btn {
	background:url('../images/arrow-right.png') left center no-repeat;
	color:#717171;
	float:right;
	margin:5px;
	padding-left:15px;
	text-decoration:none;
}

a#display-all-btn:hover {
	color:#666;
	text-decoration:underline;
}

/* Products Filter */
div#products-filter {
	padding-bottom:15px;
}

div#products-filter a {
	background:url('../images/sort-icons.png') no-repeat;
	color:#747474;
	text-decoration:none;
	padding-left:10px;
	margin-left:5px;
}

div#products-filter a:hover {
	text-decoration:underline;
}

div#products-filter a#sort-price-btn { background-position:0 4px; }
div#products-filter a#sort-date-btn { background-position:0 -40px; padding-left:13px; }
div#products-filter a#sort-views-btn { background-position:0 -84px; padding-left:13px; }

div#products-filter a span { 
	background:url('../images/sort-icons.png') right -128px no-repeat;	
	padding-right:12px;
}

div#products-filter a span.sort-down { background-position: right -171px; }

/* Product Close Button */
div#close {
	float:right;
	font-size:12px;
}

div#close a, div#close a:visited {
	text-decoration: none;
	display:block;	
	line-height: 16px
}
div#close a span {
	background: top right url('../images/close-btn.png') no-repeat;
	height: 18px;
	display:block;
	padding-right: 22px
}

div#close a:hover span { background-position: bottom right; }


/* Product Title */
div#product-title {
	float:left;
	padding-left:5px;
}

div#product-title h2 {
	font-size:16px;
}

/* Products Price */
div#product-price {
	float:right;	
}

div#product-price span.price {
	float:left;
	font-family:Arial; 
	font-size:22px;  
	font-weight:bold;
}

div#product-price span.currency { 
	display:block; 	
	font-size:12px; 
	float:right;
	font-weight:normal;
	line-height:22px; 
	margin-left:5px;	
}

/* Product Content Tabs */
div#content-tabs {
	font-size:12px;
	margin-bottom:10px;
}

div#content-tabs ul li { 
	display:block;
	float:left;
	margin-right:10px;
}
div#content-tabs ul li  a, div#content-tabs ul li  a:visited {
	display:block;
	text-decoration:none;
	padding:0 10px;
	height:30px;
	line-height:28px;
}

div#content-tabs ul li a:hover, div#content-tabs ul li.active a {
	background:#dedede url('../images/tab-bg.png') repeat-x;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	position:relative;
}

div#content-tabs ul li a span { text-indent:-9999px; position:absolute; }

div#content-tabs ul li.active a span {
	background:url('../images/tab-arrow.png');
	display:block;
	height:7px;
	width:15px;
	top:29px;
	left:50%;
	margin-left:-8px;
}

/* Product Content */
div.product-content { display:none; margin-bottom:20px; }

/* Product Details */
div#product-details { 
	background:url('../images/product-details-bg.png') bottom left repeat-x;
	border-bottom:1px solid #ededed;
}

/* Link to Product */ 
div#link-to-product {
	padding-top:5px;
	float:left;
	font-size:13px;
}

div#link-to-product a {
	background:url('../images/link-to-product-icon.png') no-repeat;
	display:block;
	height:15px;
	line-height:15px;
	padding-left:20px;	
	text-decoration:none;
}

div#link-to-product a:hover {
	background-position:bottom left;
}

/* Prev Product Link */
a#prev-product-btn {
	background:url('../images/next-prev-products-arrow.png') 0 7px no-repeat;	
	display:block;
	float:left;
	padding-left:15px;
	text-decoration:none;
}

a#next-product-btn {
	background:url('../images/next-prev-products-arrow.png') right -12px no-repeat;	
	display:block;
	float:right;
	padding-right:15px;
	text-decoration:none;
}

/* Comments Wrapper */
div#comments-wrapper {	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	margin:10px 15px;
	padding:10px;
}

div#comments-wrapper h2 {
	margin-bottom:0;	
}

div.fb-comments { margin-top:10px; }

a#comments-btn {
	background:url('../images/comments-btn.png') no-repeat;
	display:block;
	float:right;
	height:16px;
	width:16px;
	text-indent:-9999px;
}

a.opened { background-position:bottom left !important; }
a.opened:hover { background-position:bottom right !important; }

a.closed { background-position:top left !important; }
a.closed:hover { background-position:top right !important; }

div#comments { display:none; }

/* Pagination */
div#pagination {
	text-align: center;
	padding-top: 10px;
}
div#pagination ul li {
	display: inline-block;
}
div#pagination ul li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
}
/* Footer */
div#footer {
	padding: 10px;
}
/* Copyright */
div#copyright {
	color: #777777;
	float: left;
}
div#copyright a, div#copyright a:visited {
	color: #777777;
	font-size: 12px;
	text-decoration: none;
}
div#copyright a:hover {
	color: #a6a6a6;
}
/* Apps Button */
div#apps {
	float: right;
	padding-top: 4px;
}
a#apps-btn {
	background: url('../images/apps-btn.png') no-repeat;
	display: block;
	height: 16px;
	width: 112px;
	text-indent: -9999px;
}
a#apps-btn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE 5-7 */
	-moz-opacity: 0.7; /* Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7; /* Good browsers */
}

